<template>
	<view class="attorney">
		<view class="xinxi">
			<view class="xinxi-view" v-for="item in list" :key="item.id">
				<image @click="lawyerinfo" :src="item.image" mode="" style="width: 100rpx; height: 100rpx;"></image>
				<view class="xinxi-view-center">
					<text class="text1">{{item.name}} <text style="font-size: 26rpx; margin-left: 8rpx;">律师</text></text>
					<text class="text2">账户资料</text>
				</view>
				<image class="image2" src="../../../static/主页-选中@1x.png" mode="" style="width: 36rpx; height: 36rpx;"></image>
				<image class="image1" src="../../../static/设置@1x.png" mode="" style="width: 36rpx; height: 36rpx;"></image>
			</view>
			<image class="xinxi-view-img" src="../../../static/会员.png" mode="" @click="menber"></image>
		</view>
		<view class="consult">
			<view class="consult-top">
				<text>我的解答</text>
				<view class="consult-view" @click="jumpHandler">
					<text>更多</text>
					<image src="../../../static/箭头@1x.png" mode="" style="width: 28rpx; height: 28rpx;"></image>
				</view>
			</view>
			<view class="consult-neir">
				<view class="consult-neir-vw">
					<image src="../../../static/编辑@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">待解答</text>
				</view>
				<view class="consult-neir-vw">
					<image src="../../../static/到期@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">未到期</text>
				</view>
				<view class="consult-neir-vw">
					<image src="../../../static/星.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">收藏</text>
				</view>
				<view class="consult-neir-vw">
					<image src="../../../static/ico_order_aftersales@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">售后</text>
				</view>
			</view>
		</view>
		<view class="serve">
			<text class="serve-text">工具服务</text>
			<view class="serve-view">
				<view class="serve-view-vw" @click="property">
					<image src="../../../static/业务图标_资产管理系统@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>资产</text>
				</view>
				<view class="serve-view-vw" @click="evaluate">
					<image src="../../../static/评价 (1)@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>评价</text>
				</view>
				<view class="serve-view-vw" @click="majorAnswer">
					<image src="../../../static/问答@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>专业问答</text>
				</view>
				<view class="serve-view-vw" @click="Collaboration">
					<image src="../../../static/协作 (1)@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>协作</text>
				</view>
				<view class="serve-view-vw">
					<image src="../../../static/会员@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>会员</text>
				</view>
				<view class="serve-view-vw" @click="fuwuPage">
					<image src="../../../static/用户协议@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>服务协议</text>
				</view>
				<view class="serve-view-vw" @click="service">
					<image src="../../../static/联系客服@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>客服中心</text>
				</view>
				<view class="serve-view-vw" @click="assist">
					<image src="../../../static/帮助@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>帮助</text>
				</view>
				<view class="serve-view-vw">
					<image src="../../../static/退出登录@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>退出登录</text>
				</view>
			</view>
		</view>
		<view class="rests">
			<text>其他工具</text>
			<view class="rests-view">
				<view class="rests-view-gj" @click="susong">
					<view class="rests-view-gj-vw">
						<image src="../../../static/计算器@1x.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					</view>
					<text>诉讼费计算</text>
				</view>
				<view class="rests-view-gj" @click="lixi">
					<view class="rests-view-gj-vw">
						<image src="../../../static/利息.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					</view>
					<text>利息计算</text>
				</view>
				<view class="rests-view-gj" @click="lvshif">
					<view class="rests-view-gj-vw">
						<image src="../../../static/律师费计算@1x.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					</view>
					<text>律师费计算</text>
				</view>
				<view class="rests-view-gj"  @click="siwang">
					<view class="rests-view-gj-vw">
						<image src="../../../static/FBA赔偿报告@1x.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					</view>
					<text>死亡赔偿金</text>
				</view>
				<view class="rests-view-gj"  @click="shangc">
					<view class="rests-view-gj-vw">
						<image src="../../../static/伤残.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					</view>
					<text>伤残赔偿...</text>
				</view>
				<view class="rests-view-gj"  @click="fuyang">
					<view class="rests-view-gj-vw">
						<image src="../../../static/扶养.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					</view>
					<text>被扶养人...</text>
				</view>
			</view>
		</view>
		<view>
			<view class="bottoms">
				<image class="user-botimg" src="../../static/并集@1x.png" mode=""></image>
			</view>
		</view>
		<fivetabber mytabber="4"></fivetabber>
	</view>
</template>

<script>
	import { getlawyerDetail } from '../../../utils/utils'
	export default {
		data() {
			return {
				list: [], // 律师信息
			}
		},
		onLoad() {
			getlawyerDetail((e) => {
				console.log('律师信息', e);
				this.list.push(e.data.lawyer)
			})
		},
		methods: {
			// 跳转我的解答页面
			jumpHandler () {
				uni.navigateTo({
					url: "/pages/Attorney side/myAnswer/myAnswer"
				})
			},
			// 跳转开通会员页面
			menber () {
				uni.navigateTo({
					url: "/pages/Attorney side/member/member"
				})
			},
			// 跳转资产页面
			property () {
				uni.navigateTo({
					url: "/pages/Attorney side/property/property",
				})
			},
			// 跳转评价页面
			evaluate () {
				uni.navigateTo({
					url: "/pages/Attorney side/evaluate/evaluate",
				})
			},
			// 跳转专业问答页面
			majorAnswer () {
				uni.navigateTo({
					url: "/pages/Attorney side/majorAnswer/majorAnswer",
				})
			},
			// 跳转协作页面
			Collaboration () {
				uni.navigateTo({
					url: "/pages/Attorney side/myCollaboration/myCollaboration",
				})
			},
			// 跳转客服中心页面
			service () {
				uni.navigateTo({
					url: "/pages/Attorney side/service/service",
				})
			},
			// 跳转专业帮助页面
			assist () {
				uni.navigateTo({
					url: "/pages/Attorney side/assist/assist",
				})
			},
			// 跳转诉讼费计算页面
			susong () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=susong",
				})
			},
			// 跳转利息计算页面
			lixi () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=lixi",
				})
			},
			// 跳转律师费计算页面
			lvshif () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=lvshif",
				})
			},
			// 跳转死亡赔偿金计算页面
			siwang () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=siwang",
				})
			},
			// 跳转伤残计算页面
			shangc () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=shangc",
				})
			},
			// 跳转被扶养人计算页面
			fuyang () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=fuyang",
				})
			},
			// 跳转个人信息页面
			lawyerinfo () {
				uni.navigateTo({
					url: "/pages/Attorney side/lawyerInfo/lawyerInfo",
				})
			},
			// 跳转服务协议页面
			fuwuPage () {
				uni.navigateTo({
					url: "/pages/Attorney side/fwxyPage/fwxyPage"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.attorney {
		width: 750rpx;
		height: 1280rpx;
		background-color: #f1f1f1;
	}
	.xinxi {
		height: 268rpx;
		width: 750rpx;
		overflow: hidden;
	}
	.xinxi-view {
		width: 656rpx;
		height: 100rpx;
		margin: 56rpx 0 0 50rpx;
		display: flex;
		align-items: center;
	}
	.xinxi-view > .image1 {
		position: relative;
		left: 280rpx;
		top: 0;
	}
	.xinxi-view > .image2 {
		position: relative;
		left: 240rpx;
		top: 0;
	}	
	.xinxi-view-center {
		height: 86rpx;
		width: 182rpx;
		margin-left: 24rpx;
		display: flex;
		flex-direction: column;
	}
	.xinxi-view-center > .text1 {
		font-size: 32rpx;
		font-weight: bold;
		line-height: 38rpx;
	}
	.xinxi-view-center > .text2 {
		font-size: 26rpx;
		font-weight: normal;
		line-height: 30rpx;
		color: #A6A6A6;
	}

	.xinxi-view-img {
		width: 702rpx; 
		height: 80rpx;
		display: block;
		margin: 32rpx auto;
	}
	
	.consult {
		width: 702rpx;
		height: 220rpx;
		background-color: white;
		margin: 0 auto;
		border-radius: 12rpx;
		overflow: hidden;
	}
	.consult-top {
		width: 656rpx;
		height: 32rpx;
		margin: 30rpx 0 0 24rpx;
		font-size: 28rpx;
		font-weight: bold;
		line-height: 32rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.consult-view {
		font-size: 26rpx;
		font-weight: normal;
		line-height: 30rpx;
		color: #C9C9C9;
	}
	.consult-neir {
		width: 572rpx;
		height: 96rpx;
		margin-left: 60rpx;
		margin-top: 32rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.consult-neir-vw {
		height: 98rpx;
		width: 72rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.consult-neir-vw > text {
		font-size: 24rpx;
		font-weight: 500;
		line-height: 28rpx;
		text-align: center;
	}
	
	.serve {
		width: 702rpx;
		height: 484rpx;
		margin: 16rpx auto 16rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		overflow: hidden;
	}
	.serve-text {
		width: 112rpx;
		height: 32rpx;
		font-size: 28rpx;
		font-weight: bold;
		line-height: 32rpx;
		margin: 30rpx 0 0 24rpx;
		display: block;
	}
	.serve-view {
		width: 610rpx;
		height: 220rpx;
		margin: 44rpx 0 0 48rpx;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 28rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.serve-view-vw {
		width: 124rpx;
		height: 140rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.rests {
		width: 702rpx;
		height: 356rpx;
		margin-left: 24rpx;
		border-radius: 12rpx;
		background: #FFFFFF;
		overflow: hidden;
	}
	.rests > text {
		display: block;
		width: 112rpx;
		height: 32rpx;
		font-size: 28rpx;
		font-weight: bold;
		line-height: 32rpx;
		margin: 30rpx 0 0 24rpx;
	}
	.rests-view {
		width: 630rpx;
		height: 250rpx;
		margin: 16rpx 0 0 36rpx;
		display: flex;
		flex-wrap: wrap;
		
	}
	.rests-view-gj {
		height: 112rpx;
		width: 122rpx;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 28rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-right: 8rpx;
		margin-left: 26rpx;
	}
	
		
	.rests-view-gj-vw {
		width: 76rpx;
		height: 76rpx;
		border-radius: 20rpx;
		background: #EBEDF0;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 8rpx;
	}
	
	.user-botimg {
		width: 440rpx; 
		height: 76rpx;
		margin: 60rpx 0 0 150rpx;
	}
	
	.bottoms {
		width: 750rpx;
		height: 186rpx;
	}
</style>
